.first-section .heading p {
    font-size: 25px;
    font-family: var(--billdins-font-two);
    text-transform: uppercase;
    /* color: #000; */
    color: var(--billdins-base);
    font-weight: 500;
    text-align: center;
    padding: 0 0 3rem 0;
}

.first-section .sec-title__tagline {
    justify-content: left;
    padding: 3rem 0;
}

.first-section .main {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 30px;
}

.first-section .main .outer-wrapper .inner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}



.first-section .main .outer-wrapper .inner-wrapper .image img {
    width: 190px;
    height: 190px;
    padding: 10px;
}

/* second-section */

.second-section {
    padding-top: 50px;
}

.second-section .heading p {
    font-size: 25px;
    font-family: var(--billdins-font-two);
    text-transform: uppercase;
    /* color: #000; */
    color: var(--billdins-base);
    font-weight: 500;
    text-align: center;
    padding: 3rem 0;
}

.second-section .main {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 10px;
}

.second-section .main .outer-wrapper .inner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.second-section .main .outer-wrapper .inner-wrapper .image img {
    width: 200px;
    height: 190px;
    padding: 10px;
}

/* third-section */

.third-section {
    padding-top: 50px;
}

.third-section .heading p {
    font-size: 25px;
    font-family: var(--billdins-font-two);
    text-transform: uppercase;
    color: #000;
    color: var(--billdins-base);
    font-weight: 500;
    text-align: center;
    padding: 3rem 0;
}

.third-section .main {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 10px;
}

.third-section .main .outer-wrapper .inner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* fourth-section */

.fourth-section {
    padding-top: 50px;
}

.fourth-section .heading p {
    font-size: 25px;
    font-family: var(--billdins-font-two);
    text-transform: uppercase;
    /* color: #000; */
    color: var(--billdins-base);
    font-weight: 500;
    text-align: center;
    padding: 3rem 0;
}

.fourth-section .main {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 10px;
}

.fourth-section .main .outer-wrapper {
    width: 20%;
    display: flex;
}

.fourth-section .main .outer-wrapper .inner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fourth-section .main .outer-wrapper .inner-wrapper .image img {
    width: 180px;
    height: 190px;
}

/* fifth-section */

.fifth-section {
    padding: 50px 0;
}

.fifth-section .heading p {
    font-size: 25px;
    font-family: var(--billdins-font-two);
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    text-align: center;
    color: var(--billdins-base);
    padding: 3rem 0;
}

.fifth-section .main {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 10px;
}

.fifth-section .main .outer-wrapper {
    width: 20%;
    display: flex;
}

.fifth-section .main .outer-wrapper .inner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fifth-section .main .outer-wrapper .inner-wrapper .image img {
    width: 190px;
    height: 190px;
}

@media (max-width:768px) {
    .fourth-section .main .outer-wrapper {
        width: 33%;
    }
}

@media (max-width:426px) {
    .fourth-section .main .outer-wrapper {
        width: 50%;
    }
}

@media (max-width:375px) {
    .fourth-section .main .outer-wrapper {
        width: 86%;
    }
}

.name {
    text-transform: uppercase;
}

.outer-wrapper:hover {
    color: black;
}


/* Responsive typography */
@media (max-width: 992px) {

    .first-section .heading p,
    .second-section .heading p,
    .third-section .heading p,
    .fourth-section .heading p,
    .fifth-section .heading p {
        font-size: 20px;
    }




}



/* 📱 Responsive code for fifth-section */

/* Tablet (≤768px) */
@media (max-width:768px) {
    .fifth-section .main .outer-wrapper {
        width: 33%;
    }
}

/* Large mobile (≤426px) */
@media (max-width:426px) {
    .fifth-section .main .outer-wrapper {
        width: 50%;
    }
}

/* Small mobile (≤375px) */
@media (max-width:375px) {
    .fifth-section .main .outer-wrapper {
        width: 86%;
    }
}

/* Common setup */
.first-section .main .outer-wrapper .inner-wrapper .image img,
.second-section .main .outer-wrapper .inner-wrapper .image img,
.third-section .main .outer-wrapper .inner-wrapper .image img,
.fourth-section .main .outer-wrapper .inner-wrapper .image img,
.fifth-section .main .outer-wrapper .inner-wrapper .image img {
  transition: transform 0.3s ease;
  cursor: pointer;
}

/* Hover triggers animation */
.first-section .main .outer-wrapper .inner-wrapper .image img:hover,
.second-section .main .outer-wrapper .inner-wrapper .image img:hover,
.third-section .main .outer-wrapper .inner-wrapper .image img:hover,
.fourth-section .main .outer-wrapper .inner-wrapper .image img:hover,
.fifth-section .main .outer-wrapper .inner-wrapper .image img:hover {
  animation: floatAnim 1.5s ease-in-out infinite;
}

/* Keyframes for smooth floating */
@keyframes floatAnim {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}